
.content {
	margin: 0 24rpx;
}
.notice{
	font-size: 28rpx;
	margin: 16rpx 0;
	.notice_card + .notice_card{
		margin-top: 16rpx;
	}
	.notice_card{
		padding: 24rpx 24rpx 24rpx 24rpx!important;
		background: #fff !important;
		border-radius: 16rpx;
		.card_left{
			image{
				width: 148rpx;
				height: 148rpx;
			}
		}
		.card_middle{
			padding: 8rpx 0 0 16rpx;
			image{
				width: 30rpx;
				height: 30rpx;
			}
			.middle_address{
				display: inline-block;
			}
			.middle_name{
				max-width: 380rpx;
				font-weight: 600;
				color: #333;
			}
			.middle_place{
				font-size: 24rpx;
				color: #333;
				padding-top: 24rpx;
			}
			.middle_address{
				max-width: 270rpx;
				font-size: 20rpx;
				padding: 24rpx 0 0 8rpx;
				color: #999;
			}
		}
		.card_right{
			color: #333;
			font-size: 20rpx;
			right: 24rpx;
			bottom: 36rpx;
			.right_km{
				text-align: right;
			}
		}
	}
}
.comment {
	background: #fff;
	border-radius: 16rpx;
	.star {
		display: flex;
		justify-content: center;
		padding-top: 30rpx;
	}
	// .logo-box {
	// 	image {
	// 		width: 38rpx;
	// 		height: 38rpx;
	// 	}
	// }
	.title {
		padding-top: 20rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999;
	}
	.middle {
		padding: 40rpx 24rpx 34rpx 24rpx;
		.middle_span {
			width: 98%;
			background: #F8F8FB;
			height: 302rpx;
			color: #999;
			font-size: 28rpx;
			padding-left: 18rpx;
			padding-top: 24rpx;
		}
		.middle_num {
			color: #999;
			font-size: 28rpx;
			bottom: 56rpx;
			right: 30rpx;
		}
	}
}
.img_box {
	margin: 20rpx 0 136rpx;
	.img-add {
		width: 160rpx;
		height: 160rpx;
		background: #fff;
		border-radius: 16rpx;
		image {
			width: 32rpx;
			height: 32rpx;
		}
	}
	.img {
		width: 160rpx;
		height: 160rpx;
		background: #F8F8F8;
		border-radius: 16rpx;
		overflow: hidden;
		margin-left: 20rpx;
		image {
			width: 160rpx;
			height: 160rpx;
		}
	}
}
.botton {
    color: #fff;
    line-height: 88rpx;
    border-radius: 40rpx;
    background: linear-gradient(84deg,#ff2d1b 5%, #ff3421 5%, #ff977b 94%);
}